import {defineConfig, loadEnv} from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path';

// https://vite.dev/config/
export default defineConfig(({command, mode}) => {
    return {
        base: './',
        plugins: [react()],
        resolve: {
            alias: {
                '@': path.resolve(__dirname, 'src'),
            },
        },
        build: {
            sourcemap: mode === 'development',      // 源码映射配置
            minify: mode === 'production' ? 'terser' : false,  // 代码压缩配置
            cssTarget: mode === 'development' ? 'chrome61' : 'chrome49'  // CSS编译目标
        },
        server: {
            host: '0.0.0.0',// 允许外部访问
            port: 5177, // 指定固定端口（默认随机）
            open: true, // 启动时自动打开浏览器
            strictPort: true, // 端口占用时直接退出
            // hmr: {
            //   protocol: 'ws',     // 使用WebSocket协议
            //   clientPort: 5173    // 与主端口一致
            // }
        },
        // css: {
        //   postcss: {
        //     plugins: [
        //       px2rem({
        //         remUnit: 108,
        //       })
        //     ]
        //   }
        // }
    }
})
